/*reseter------------------------------------------------------------*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
/*-----------------------------------------------------------*/
html {
    color: #464646;
    font: 14px/18px "Lucida Grande","Lucida Sans Unicode",Verdana;
}
.container{
    width: 100%;
    height: 100%;
    min-width: 900px;
}
.header{
    height: 210px;
    background: url("../images/bg2.png") repeat-x scroll 0 0 #FFFFFF;
    margin-bottom: 25px;
}

.logo{text-align: center; width: 210px;float: left;}
.logo img {margin-top: -8px;}
.brand {
    color: #47A4DB;
    font-size: 31px;
    font-weight: bold;
    margin-left: 210px;
    padding-top: 27px;
}
.telephone {
      color: #47A4DB;
    float: right;
    font-size: 23px;
    font-weight: bold;
    /*margin-right: 50px;*/
    margin-top: 29px;
    width: 302px;
}

.telephone > span {
   color: #ED1C24;
    font-size: 21px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000000;

}
.blue{
    width:100%; margin-top:113px;
}
.lozung{
    padding-top:8px;
    margin-right: 260px;
    width: 500px;
}
.buttons{
    float: right;
    width: 245px;
    cursor: pointer;
    height: 42px;
    background: url('/images/button0.png') no-repeat;

}
.buttons:hover {background: url('/images/button.png') no-repeat;}
.buttons img {
    /*border: none;*/
    /*background: #ed1c24;*/
    /*color: #FFFFFF;*/
    /*display: block;*/
    /*font-size: 16px;*/
    /*height: 42px;*/
    /*letter-spacing: 0.1em;*/
    /*line-height: 40px;*/
    /*margin: 0 8px 0 0;*/
    /*padding: 0 18px;*/
    /*text-align: center;*/
    /*text-transform: uppercase;*/
    /*text-shadow: 1px 1px 1px #464646;*/
    /*border-radius: 6px 6px 6px 6px;*/


}
.buttons button:hover{opacity: 0.9}
.lozung h2{
    color: #FFFFFF;
    font-size: 23px;
    line-height: 25px;
    position: absolute;
    text-align: right;
    text-shadow: 1px 1px 1px #464646;

}


.navigation{
     height: 36px;
     position: absolute;
    text-align: center;
    top: 111px;
    width: 900px;

}
.navigation li{display: inline; padding: 6px 0;}
.navigation li:hover, .current {background:#00a7e1; border-radius: 3px;}
.navigation  li > a {
    color: #FFFFFF;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin: auto 9px;
    position: relative;
    text-shadow: 1px 1px 1px #000000;
    text-transform: uppercase;
    z-index: 10;
    text-decoration: none;
}
.nigemenu{
    font-size: 19px;
    line-height: 23px;
    text-shadow: 1px 1px 1px #464646;
    height:105px;
}
.main{min-height: 500px;}
.wrap{
  
    width: 900px;
    margin: 0 auto;
    min-width: 900px;
}
.aside{
    min-height: 450px;
    float: right;
    width: 245px;

}
.section{
    background: none repeat scroll 0 0 #E9E9E9;
    margin: 0 0 20px;
    padding: 20px 20px 15px 20px;
    position: relative;
    width: 205px;
    border-radius: 6px;

}
.section h3{
    padding: 0 10px;
    font-size: 14px;
    height: 26px;
    line-height: 25px;
    text-shadow: 1px 1px 0 #3293D6;
    width: 182px;
    background: url("../images/article.png") no-repeat scroll left top transparent;
    color: #FFFFFF;}
.section div {margin-bottom: 6px; margin-top: 6px;}
.section span.date{
    color: #2888BB;
}
.section a{color: #ed1c24;float: right;}
.content{
     margin-right: 295px;
     
     min-height: 450px;
     color: #464646;
    padding: 0px 0px 20px 30px;
    line-height: 26px;
}
.footer{
  border-top: 1px solid #464646;
   text-align: center;
    padding: 5px;
}

   .contactus {
           margin:0 auto;
       }
       .contactus td{
           color: #444444;
           font-weight: bold;
           font-size: 15px;
           padding: 10px 20px 10px 10px
       }
       .contactus textarea, .forreviews textarea {

           width: 253px;
           height:180px;
           max-width:253px;
           max-height:230px;
           min-height: 150px;
           min-width: 253px;
           margin-left: 50px;
           padding: 8px;
       }
       .contactus input[type='submit'], .forreviews input[type='submit'], .forreviews input[type='button']{
                    background: -moz-linear-gradient(center top , #00ADEE, #0078A5) repeat scroll 0 0 transparent;

                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                    color: #D9EEF7;
                    cursor: pointer;
                    display: inline-block;
                    float: right;
                    font: 25px/100% Arial,Helvetica,sans-serif;
                    margin: 0 2px;
                    outline: medium none;
                    padding: 7px 15px;
                    text-align: center;
                    text-decoration: none;
                    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
                    vertical-align: baseline
}

.contactus input[type='submit']:hover, .forreviews input[type='submit']:hover, .forreviews input[type='button']:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
       
       .contactus input[type='text'],.contactus input[type='email'], .forreviews input[type='text'], .forreviews input[type='email']{
               padding: 8px;

       }
.forreviews input[type='button'] {padding:  3px 8px; margin-bottom: 30px;}
.forreviews div.otstup{margin-top: 20px;}
.forreviews label{ color: #444444;
    font-size: 15px;
    font-weight: bold;}
.contactus input, .contactus textarea, .forreviews textarea, .forreviews input{ border: 1px solid #00A7E1;
                    border-radius: 10px 10px 10px 10px;}




   .allprojects {margin-left: 40px;  min-height: 215px;  margin-top: 20px; border: 1px solid #00A7E1; border-radius: 7px; padding: 20px 20px 40px;}
    .allprojects h1 {font-size: 17px; font-weight: bold; color: #00A7E1; padding: 0px 0px 20px 0px}

.paginator {
    margin: 10px 0;
    position: relative;
    text-align: center
}

.paginator-content {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.paginator-content li {
    margin-right: 6px;
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 3px 0 0;
    line-height: 28px
}

.paginator-content li a {
    background: url("/images/paginator/pagination-spr2.png") 0 5px no-repeat;
    color: #010101;
    text-decoration: none;
    display: block;
    padding: 0px 3px 0px 6px
}

.paginator-content li:hover {
    color: #800101
}

.paginator-content li:hover a {
    color: #800101
}

.paginator-content .active {
    margin: 0 12px 0 6px
}

.paginator-content .active a {
    background-position: 0 -94px;
    font-size: 1.5em;
    font-weight: bold;
    color: #800101;
    padding: 0px 6px 0px 9px
}

.paginator-content .active span {
    background: url("/images/paginator/pagination-spr2.png") 0 -56px no-repeat;
    display: block;
    width: 6px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 1
}

.paginator-content span {
    background: url("/images/paginator/pagination-spr2.png") 0 -29px no-repeat;
    display: block;
    height: 18px;
    width: 6px;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1
}

.paginator-content .last {
    margin-right: 0;
    padding-right: 0
}

.paginator-content .dotted, .paginator-content .dotted:hover {
    background-position: 0 -158px;
    width: 19px;
    height: 19px;
    margin-left: -6px;
    margin-right: -7px
}

.paginator-content .next-page, .paginator-content .previous-page {
    padding: 0 0 3px 0;
    height: 20px;
    width: 18px
}

.paginator-content .next-page {
    background-position: 0 -214px;
    margin-left: 34px
}

.paginator-content .previous-page {
    background-position: 0 -185px;
    margin-left: 0px;
    margin-right: 31px
}

.paginator-background-spr {
    background: url("/images/paginator/pagination-spr2.png") 0 0 no-repeat
}

.paginator-background-spr .next-page:hover {
    background-position: 0 -245px
}

.paginator-background-spr .previous-page:hover {
    background-position: 0 -276px
}
div.date{    bottom: -5px;
    float: right;
    margin-right: 30px;
    position: relative;}

/* ------ mobilyslider
-----------------------------------------------*/



.slider {
    float: left;
    height: 250px;
    margin-bottom: 30px;
    padding-bottom: 26px;
    position: relative;
    width: 900px;

/*background:url(../images/bottom_shadow.png) no-repeat bottom center;*/
}

.sliderContent {
float:left;
width:900px;
height:250px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../images/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
right: 1355px;
width:40px;
height:250px;
background:#fff;
/*padding-left: 20px;*/

}
.sliderContent .item div{position: absolute;z-index: 70; width:380px;padding-left: 20px; }


.sliderContent .item img{

width:490px;
height:250px;
margin-left: 499px;

}

.sliderBullets {
position:absolute;
bottom:0;
left:52%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../images/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}
.saveon {top: 200px; cursor: pointer; color: #ffffff; font-weight: bold;}
.saveon .first {background:url(../images/saveon.png) repeat-y scroll 0 1px; padding: 5px 10px 6px 20px;}
.saveon .second {

    background: url("../images/saveon.png") no-repeat scroll -488px 1px transparent;
    margin-left: -9px;
   padding: 5px 24px 6px 0;
}
.saveon .last {
  background: url("../images/saveon.png") no-repeat scroll -488px -45px transparent;
    margin-left: -9px;
    padding: 5px 18px 6px 0;}
.comments, .addcomments {font-size: 23px; font-weight: bold; color: #00A7E1}
.addcomments{font-size: 20px; margin-top: 55px;}
.personsay {    border: 1px solid #CCCCCC;
    margin: 28px 0 30px;
    width: 575px;}
.personsay td {padding: 40px 30px 30px 40px}
.status{display: none;border: 1px solid #CCCCCC; color: green; padding: 3px 10px;}
.addcpersoncom textarea, .addcpersoncom input[type="text"]{margin-left: 20px}
.addcpersoncom textarea{max-width: 335px;max-height: 220px;min-width: 300px; min-height: 170px;}
.forrank div.rateit{margin-left: 45px}
element.style {
    display: none;
}
#wrap_loading {
    background-color: black;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 1003;
}

#wrap_loading span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

#wrap_loading * {
    vertical-align: middle;
}
.forrank td{padding: 0px ; }
 .zeropadding td {padding: 1px 3px;}
.borderrank {
    border: 1px solid #CCCCCC;
    margin-left: 5px;
    padding: 5px;
    float: right;
}
.allcomments {margin-top:30px;}
.allcomments li{margin-bottom: 20px;list-style: decimal; border-bottom: 1px solid #00A7E1;}
.allcomments div.commment {min-height: 200px; }
.sayit {font-size: 20px; }
.sayit span{font-style: italic;}
.allcomments p {width: 300px;}


